function MoneyCtrl(){

};
var baseURL = "http://localhost:9090/api/";
// 最大页码数
var maxPage;

MoneyCtrl.prototype = {
    // 头部导航功能
    navSlide: function(){
        var ul = document.querySelector('#nav ul');
        var liList = ul.children;
        ul.addEventListener('click',function(e){
            for(var i=0;i<liList.length;i++){
                liList[i].classList.remove('active');
            }
            var li=e.target.parentNode;
            li.classList.add('active');
        })

        var swiper = new Swiper('.swiper-container', {
            direction: 'horizontal',
            slidesPerView: 'auto',
            mousewheel: true,
          });  
    },
    // 请求ajax加载页面商品信息及页码
    loadPage:function(pageIndex){
        var xhr = new XMLHttpRequest();
        xhr.open('get',baseURL+'getmoneyctrl?pageid='+pageIndex);
        xhr.send();
        xhr.onload = function(){
           var obj = JSON.parse(xhr.responseText);
            
           // 加载渲染商品信息模板
           var html = template('productInfoTpl',{list:obj.result});
           document.querySelector('#product ul').innerHTML=html;

           // 加载渲染页码模板 
           var pageNum= document.querySelector(' #page .pageNum');
           maxPage = Math.ceil(obj.totalCount/obj.pagesize)
           var html1 =  template('pageNumTpl',{maxPage:maxPage});
           pageNum.innerHTML=html1;

            // 设置页码默认选中为传递过来的当前页
            var option = pageNum.children;
            for(var i=0;i<option.length;i++){
                if( option[i].value==pageIndex){
                    option[i].selected="selected";
                }
            }

        }
    },
    
    // 页码模块点击事件
    pageClick:function(){
        var prev = document.querySelector('#page .prev');
        var next = document.querySelector('#page .next');
        var pageNum= document.querySelector(' #page .pageNum');    

        var currentPage;
        var that = this;

        // 上一页点击事件
        prev.onclick = function(){
            currentPage=pageNum.value;
            currentPage--
            if(currentPage<0){
                alert("已经是第一页了!");
                return;
            }
            that.loadPage(currentPage);
        } 

        // 下一页点击事件
        next.onclick = function(){
            currentPage=pageNum.value;
            currentPage++;
            if(currentPage==maxPage){
                alert("已经是最后一页了!");
                return;
            }
            that.loadPage(currentPage);
        } 

        // 页码模板点击事件
        pageNum. onchange = function(){
            that.loadPage(this.value);
        }
    },

    // 返回顶部
    toTop:function(){
        var btn = document.querySelector('#footer .toTop');
        btn.onclick = function () { 
            document.documentElement.scrollTop=0   
        }
    }
}

var moneyctrl = new MoneyCtrl();

window.addEventListener('load',function(){
    moneyctrl.navSlide();
    moneyctrl.loadPage(0);
    moneyctrl.pageClick();
    moneyctrl.toTop();
})
